@extends('layouts.scaffold')

@section('head')
	{{ HTML::script('angularjs/counter.js') }}
	{{ HTML::style('styles/cronometro.css') }}
@endsection

@section('navbar')
	@include('menu.navbar')
@endsection

@section('main')
<div ng-controller="MyAppControllerTempo" class="row">
	
	<div class="contador-border">
		<div class="contador-main">
			<div class="row">
				<center>
					<div class="col-md-9">
						<p id="timer"><strong>
							<timer autostart="false" interval="1000">[[hhours]] : [[mminutes]] : [[sseconds]]</timer>
						</strong></p>
					</div>
					<div class="col-md-2">
						<button ng-click="timerRunning? stopTimer() : startTimer();" ng-disabled="false" class="btn [[btn]] btn-xlarge" ng-bind="timerRunning? 'Stop': 'Start';"></button>
					</div>
				</center>
			</div>
		</div>
	</div>		
</div>
@endsection